<!-- @if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul style="color:red;">
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
        </ul>
    </div>
@endif -->
<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<title>注册</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<link rel="stylesheet" href="/home/AmazeUI-2.4.2/assets/css/amazeui.min.css" />
		<link href="/home/css/dlstyle.css" rel="stylesheet" type="text/css">
		<script src="/home/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
		<script src="/home/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
		<style>
			#nimabi{
				position:relative;
				height:50px;
				width:300px;
				padding:0px;
				margin:0px;
			}
			#abc{
				line-height: 50px;
				margin-left: 50px;
			}
			#bbb{
				position:absolute;
				height:430px;
				width:200px;
				right:-160px;
				top:20px;
				z-index: 50;
				background:#F8F8F8;
			}
			#bbb > ul{
				list-style-type:none;
				margin-top: 96px;
			}
			#bbb > ul li{
				margin:25px;
				font-size: 15px;
				color:red;
			}
			#yanzheng{
				width:150px;
				padding-left:30px;
			}
			#yanzhengpic{
				width:100px;
				height:40px;
				position:relative;
				left:40px;
				top:16px;
			}
			.am-cf{
				padding:0px;
				margin:0px;
			}

			
		</style>
	</head>

	<body>
		<script>
			$(document).ready(function(){
				//标记变量
			  	$('input[name=name]').focus(function(){
			  		$('#a').html('　');
				});
				$('input[name=name]').blur(function(){
					//获取元素的值
					var v = $(this).val();
					// // var lis = 

					//检测值的格式
					var reg = /^\w{8,20}$/;
					var res = reg.test(v);

					if(!res) {
						//修改文本
						$('#a').html('用户格式不正确');
					}
				});
				//邮箱元素
				$('input[name=email]').focus(function(){
					$('#b').html('　');
				});
				$('input[name=email]').blur(function(){
					//获取用户的输入内容
					var v = $(this).val();
					//正则检测
					var reg = /^\w+@\w+\.(com|cn|net|com\.cn|top)$/;
					if(!reg.test(v)) {
						$('#b').html('邮箱格式不正确');
					}
				});

				//密码元素
				$('input[name=password]').focus(function(){
					$('#c').html('　');
				});
				$('input[name=password]').blur(function(){
					//获取用户的输入内容
					var v = $(this).val();
					//正则检测
					var reg = /^\S{6,16}$/;
					if(!reg.test(v)) {
						$('#c').html('密码格式不正确');
					}
				});
				//确认密码
				$('input[name=password_confirmation]').focus(function(){
					$('#d').html('　');
				});

				$('input[name=password_confirmation]').blur(function(){
					//获取用户的输入内容
					var v = $(this).val();
					var pass = $('input[name=password]').val();
					//正则检测
				
					if(v != pass) {
						$('#d').html('两次密码不一致');
					}
				});


			});
			
			
		</script>
		<div class="login-boxtitle">
			<a href="home/demo.html"><img alt="" src="/home/images/logobig.png" /></a>
		</div>

		<div class="res-banner">
			<div class="res-main">
				<div class="login-banner-bg"><span></span><img src="/home/images/big.jpg" /></div>
				<div class="login-box">
					<form action="/auth/register" method="post">
						<div class="am-tabs" id="doc-my-tabs">
							<ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify">
								<li class="am-active"><a href="">用户注册</a></li>
							</ul>

							<div class="am-tabs-bd">
								<div class="am-tab-panel am-active">
							
								<div class="user-email">
										<label for="email"><i class="am-icon-user" aria-hidden="true"></i></label>
										<input type="text" name="name" id="name" placeholder="请输入用户名(8~20位字母数字)" value="{{ old('name') }}">
                 				</div>		
							   	<div class="user-email">
										<label for="email"><i class="am-icon-envelope-o"></i></label>
										<input type="email" name="email" id="email" placeholder="请输入邮箱账号" value="{{ old('email') }}">
                 				</div>
                 				<div class="user-pass">
								    <label for="password"><i class="am-icon-lock"></i></label>
								    <input type="password" name="password" id="password" placeholder="设置密码(6~16位数字字母下划线)">
                 				</div>										
                 				<div class="user-pass">
								    <label for="passwordRepeat"><i class="am-icon-lock"></i></label>
								    <input type="password" name="password_confirmation" id="passwordRepeat" placeholder="确认密码">
                 				</div>
                 				<div class="user-pass">	
                 					<input type="text" name="yanzheng" id="yanzheng" placeholder="请输入验证码">
                 					<img id="yanzhengpic" src="/img" onclick="this.src=this.src+'?a'">
                 				</div>
                 
								 <div class="login-links" id="nimabi">
										<label for="reader-me">
											<input id="reader-me" type="checkbox" checked> 
										</label><span id="abc">点击表示您同意商城《服务协议》</span>
							  	</div>
							
										<div class="am-cf">
											<input type="submit" value="注册" class="am-btn am-btn-primary am-btn-sm am-fl">
										</div>

								</div>
								
								{{csrf_field()}}
								

								<!-- <script>
									$(function() {
									    $('#doc-my-tabs').tabs();
									  })
								</script>
 -->
							</div>
						</div>
					</form>
				</div>
				<div id="bbb">
					<ul class="uls">
					@if (count($errors) > 0)
						@foreach ($errors->all() as $error)
            				<li>{{ $error }}</li>
        				@endforeach
        			@endif
						<li id="a">　</li>
						<li id="b">　</li>
						<li id="c">　</li>
						<li id="d">　</li>
					</ul>
				</div>
			</div>
			
					<div class="footer ">
						<div class="footer-hd ">
							<p>
								<a href="# ">恒望科技</a>
								<b>|</b>
								<a href="# ">商城首页</a>
								<b>|</b>
								<a href="# ">支付宝</a>
								<b>|</b>
								<a href="# ">物流</a>
							</p>
						</div>
						<div class="footer-bd ">
							<p>
								<a href="# ">关于恒望</a>
								<a href="# ">合作伙伴</a>
								<a href="# ">联系我们</a>
								<a href="# ">网站地图</a>
								<em>© 2015-2025 Hengwang.com 版权所有</em>
							</p>
						</div>
					</div>
	</body>

</html>